欢迎使用 霞鹜文楷 Web 字体
· 默认分类 · 浏览量： · 评论数：
AI摘要：霞鹜文楷 Web 字体提供多种字体样式，包括 Regular、Lite、Bold、Mono Regular、Mono Lite 和 Mono Bold。用户可以通过引入 CSS 文件并应用字体样式来使用这些字体。浏览器会根据显示的文字和粗细动态加载资源，优化加载速度。
Powered by Gemini.
使用说明
1. 引入 CSS 文件。 可以按需只引入需要的。
<!-- 霞鹜文楷 Regular -->
<link rel="stylesheet" href="https://cdn.jkjoy.cn/LxgwWenKai_Webfonts/dist/LXGWWenKai-Regular.css" /><!-- 霞鹜文楷 Lite -->
<link rel="stylesheet" href="https://cdn.jkjoy.cn/LxgwWenKai_Webfonts/dist/LXGWWenKai-Light.css" /><!-- 霞鹜文楷 Bold -->
<link rel="stylesheet" href="https://cdn.jkjoy.cn/LxgwWenKai_Webfonts/dist/LXGWWenKai-Bold.css" /><!-- 霞鹜文楷 Mono Regular -->
<link rel="stylesheet" href="https://cdn.jkjoy.cn/LxgwWenKai_Webfonts/dist/LXGWWenKaiMono-Regular.css" /><!-- 霞鹜文楷 Mono Lite -->
<link rel="stylesheet" href="https://cdn.jkjoy.cn/LxgwWenKai_Webfonts/dist/LXGWWenKaiMono-Light.css" /><!-- 霞鹜文楷 Mono Bold -->
<link rel="stylesheet" href="https://cdn.jkjoy.cn/LxgwWenKai_Webfonts/dist/LXGWWenKaiMono-Bold.css" />2. 应用字体样式。 浏览器会根据所显示文字、粗细动态加载资源。
/* 霞鹜文楷 */
body {
font-family: "LXGWWenKai", sans-serif;
}
/* 霞鹜文楷 Mono */
pre, code {
font-family: "LXGWWenKaiMono", monospace;
}或者
/* 定义字体 */
@font-face {
font-family: 'LXGWWenKai';
src: url('https://cdn.jkjoy.cn/LXGWWenKai.woff2') format('woff2'),
font-weight: normal;
font-style: normal;
}
/* 应用字体 */
body {
font-family: 'LXGWWenKai', sans-serif;
}
------ THE END ------